<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Sistema de Gestión de Almacenes</title>
<link href="./css/styles.css" 
      rel="stylesheet" type="text/css"/> 
</h:head>
<h:body>


<h:form id="form">

    <p:growl id="growl" showDetail="true" life="3000" />

    <p:fieldset legend="Iniciar Sesión">  
		<h:panelGrid columns="2" cellpadding="10">  
            <p:graphicImage value="..\images\login.png" />  
        </h:panelGrid> 
		<h:panelGrid columns="2" cellpadding="5">
			<h:outputLabel for="username" value="Usuario:" />
			<p:inputText value="username" id="username" label="username" />
			
			<h:outputLabel for="password" value="Contraseña:" />
			<h:inputSecret value="password" id="password" label="password" />
			
			<p:commandLink id="olvide" style="margin-right:20px;" ajax="false">  
        		<h:outputText value="¿Olvidé mi contraseña?" />  
    		</p:commandLink> 
    		
    		<br></br>
    		
			<p:commandButton id="loginButton" value="Ingresar" update="growl" 
				type="submit" action="#{link.goHomePage}" />
		</h:panelGrid>
		
    </p:fieldset> 
</h:form>

</h:body></html>